<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>方法链接</title>
    <script src="../lib/jquery-3.4.1.js"></script>
    <style>
        #div1{

            width: 100%;
            height: 50px;
            margin-top: 40px;
            background-color: lightyellow;
            border: solid #c3c3c3 1px;


        }

        #div2{

            width: 100%;
            height: 50px;
            background-color: orange;
            border: solid #c3c3c3 1px;
            display: none;
            text-align: center;


        }





    </style>
</head>
<body>

<input type="button"  value="xingweixin" id="btn1">

<div id="div1"></div>
<div id="div2">hello fmy</div>

<script>

    $(document).ready(function () {

        $("#div1").click(function () {

            $("#div2").css("color","red").slideDown(2000).slideUp(3000);

        });

    })


</script>



</body>
</html>